// import React from'react';
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO,HotO } from '@react-vant/icons'
import { Outlet ,useNavigate} from 'react-router-dom';
const Layout = () => {

  const navigate = useNavigate();

  return (
    <div className='demo-tabbar'>

      <Outlet />
      
      <Tabbar>
        <Tabbar.Item icon={<HomeO />} onClick={() => navigate('/')}>首页</Tabbar.Item>
        <Tabbar.Item icon={<HotO />} onClick={() => navigate('/layout/frient')}>朋友圈</Tabbar.Item>
        <Tabbar.Item icon={<FriendsO />} onClick={() => navigate('/layout/my')}>我的</Tabbar.Item>
      </Tabbar>
    </div>
  );
};

export default Layout;